<html>
<head>
	<meta chartset="UTF-8">
	<title>注册</title>
	<style type="text/css">
		form{
			width: 500px;
			position: relative;
			margin:auto;
			margin-top: 50px;
			padding: 40px;
			border:1px solid #e5e5e5;
		}
		input{
			height: 25px;
			width: 200px;
		}
		.list{
			margin-bottom: 7px;
			margin-top: 7px;
		}
		.hr{
			height: 1px;
			width: 520px;
			background-color: #e5e5e5;
		}
		.title{
			width: 100px;
			text-align:right;
			float:left;
			clear:both;
		}
		.btn{
			width: 60px;
			background-color: #3879d9;
			border:1px solid #3879d9;
			color: white;
			padding: 5px;
			margin-top: 7px;
			margin-left: 100px;
		}
		span{
			color: red;
		}
		.yanzheng{
			width: 100px;
			margin-right:10px;
		}
		.change{
			color: #3879d9;
			font-size: 14px;
		}
		.tishi{
			margin-top: 5px;
			margin-bottom: 3px;
			font-size: 11px;
			margin-left: 100px;
		}
		.img1{
			margin-left: 100px;
		}

		/*表格*/
		table{
			width: 500px;
			border: 1px solid #e5e5e5;
			top: 100px;
			position: relative;
			margin:auto;
			margin-bottom: 50px;
			padding:30px;
		}
		.title2{
			width: 100px;
			text-align: right;
		}
		.tishi2{
			margin-top: -5px;r
			margin-bottom: 3px;
			font-size: 11px;
		}
		.btn2{
			width: 60px;
			background-color: #3879d9;
			border:1px solid #3879d9;
			color: white;
			padding: 5px;
			margin-top: 7px;
		}
	</style>
</head>
<body>
	<form>
		<div class="list">
			<div class="title"><span>*</span>用户名：</div>
			<input type="text" name="">
		</div>
		<div class="hr"></div>
		<div class="list">
			<div class="title"><span>*</span>密码：</div>
			<input type="text" name="">
		</div>
		<div class="hr"></div>
		<div class="list">
			<div class="title"><span>*</span>确认密码：</div>
			<input type="text" name="">
		</div>
		<div class="hr"></div>
		<div class="list">
			<div class="title">email：</div>
			<input type="text" name="">
		</div>
		<div class="hr"></div>
		<div class="list">
			<div class="title"><span>*</span>验证码：</div>
			<input class="yanzheng" type="text" name="">
			<span class="change">换一个</span>
			<div class="tishi">输入下面的字符</div>
			<img class="img1" src="yanzhengma.png">
		</div>
		<div class="hr"></div>
		<button class="btn">提交</button>
		<br/>
	</form>
	<table cellpadding="4px;">
		<tr>
			<td class="title2"><span>*</span>用户名:</td>
			<td><input type="text" name=""></td>
		</tr>
		<tr>
			<td colspan="2"><div class="hr"></div></td>
		</tr>
		<tr>
			<td class="title2"><span>*</span>密码:</td>
			<td><input type="text" name=""></td>
		</tr>
		<tr>
			<td colspan="2"><div class="hr"></div></td>
		</tr>
		<tr>
			<td class="title2"><span>*</span>确认密码:</td>
			<td><input type="text" name=""></td>
		</tr>
		<tr>
			<td colspan="2"><div class="hr"></div></td>
		</tr>
		<tr>
			<td class="title2">email:</td>
			<td><input type="text" name=""></td>
		</tr>
		<tr>
			<td colspan="2"><div class="hr"></div></td>
		</tr>
		<tr>
			<td class="title2"><span>*</span>验证码:</td>
			<td><input class="yanzheng" type="text" name=""><span class="change">换一个</span></td>
		</tr>
		<tr>
			<td class="title2"></td>
			<td><div class="tishi2">输入下面的字符</div>
			<img class="img2" src="yanzhengma.png"></td>
		</tr>
		<tr>
			<td colspan="2"><div class="hr"></div></td>
		</tr>
		<tr>
			<td class="title2"></td>
			<td><button class="btn2">提交</button></td>
		</tr>
	</table>
</body>
</html>